<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8">
	<title>imgLiquid Jquery Plugin</title>

	<!-- RESET ______________________ -->
	<link   href="reset.css"	type="text/css" rel="stylesheet" />

	<!-- JQUERY ______________________ -->
	<!--[if lt IE 9]> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <![endif]-->
	<!--[if gte IE 9]><!--> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js" type="text/javascript"></script> <!--<![endif]-->


	<!-- IMGLIQUID ______________________ -->
	<script src ="../js/imgLiquid.js" type="text/javascript"></script>


	<!-- EXAMPLE ______________________ -->
	<script type="text/javascript">
	$(document).ready(function () {
		$(".imgLiquidFill").imgLiquid({fill:true});
	});
	</script>

	<style type="text/css" media="screen">
	.imgLiquidanim{
		opacity: 0;
		transition: opacity  0.5s ease-out;
		transition-delay: 0.5s;
	}
	.imgLiquidanim.imgLiquid_ready{
		opacity: 1;
	}
	</style>
</head>


<body>
	<div class="boxSep" >
		<div class="imgLiquidFill imgLiquid imgLiquidanim" style="width:300px; height:300px; background-color:#000" >
			<img alt="TEST" src="woody.jpg"/>
		</div>
	</div>
</body>
</html>
